<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>登录页面</title>
</head>
<script src="http://cdn.bootcss.com/jquery/1.11.3/jquery.min.js"></script>
<body>

        用户名：<input type="text" name="name" id="name"><br>
        密码：<input type="password" name="pwd" id="pwd"><br>
        <div id="login" onclick="doLogin()">登录</div>

    <script type="text/javascript">
        function doLogin () {
            var name=$("#name").val()//获取页面中登录名和密码
            var pwd=$("#pwd").val()
            if(name=="" || pwd==""){
                alert("用户名和密码均不能为空")
                return false;
            }else {
                console.log('2')
                //调用登录接口
                $.ajax({
                    url:'/test/tologin',
                    type:'post',
                    async:false,
                    data:{
                        name:name,
                        pwd:pwd
                    },
                    success:function(res){
                        console.log(res)
                        if (res.code==200) {//如果返回来的信息说明提交的信息为正确的
                            window.location.href = res.msg;//正确登录后页面跳转至
                        }
                        else {//如果返回来的信息说明提供的信息为错误的
                            alert("账号密码失败")
                            window.location.href = res.msg;
                        }
                    }
                })
            }
        }


    </script>

</body>
</html>